﻿@using BotDetect.Web.UI.Mvc
@{
    ViewBag.Title = "Đăng nhập";
    Layout = "~/Views/Shared/_LayoutLoginOnline.cshtml";
    BotDetect.Web.UI.Mvc.MvcCaptcha pm0Captcha = new BotDetect.Web.UI.Mvc.MvcCaptcha("PM0Captcha")
    {
        ImageSize = new System.Drawing.Size(150, 28),
        ReloadIconTooltip = "Lấy mã bảo mật mới"

    };

}
@functions{
    public string GetAntiForgeryToken()
    {
        string cookieToken, formToken;
        AntiForgery.GetTokens(null, out cookieToken, out formToken);
        return cookieToken + "," + formToken;
    }
}
@Html.AntiForgeryToken()
<div class="">
    <div class="center">
        <div class="bgloginbanner"></div>
        <div class="row formlogin" style="padding-left:110px; margin-top:50px;">
            <div class="forminput " style="width:200px; display: inline-table; text-align:left; overflow:hidden;">
                <form id="frmLogin">
                    <label style="color: #404040; font-weight:bold; font-size:11pt;">Nhập mã đăng nhập</label>
                    <div class="clearfix"></div>
                    <input id="Start" name="Start" maxlength="5" class="form-control input-md" style="display:inline; width:90px; border-radius: 7px !important; margin-right:3px;" />
                    <input id="End" name="End" maxlength="5" class="form-control input-md" style="display:inline; width:90px; border-radius: 7px !important;" />
                    <input id="LoginCount" type="hidden" value="0" />
                    <div class="clearfix margin-top-10 hidden captcharcode">Nhập mã bảo mật</div>
                    <div class="clearfix hidden captcharcode">
                        @Html.TextBox("CaptchaCode", "", new { @class = "form-control form-control-add input-sm", @maxlength = 20, style = "width:184px;display:inline-table;margin-top:4px;" })
                    </div>
                    <div class="clearfix margin-top-10 hidden captcharcode">
                        @Html.Captcha(pm0Captcha)
                    </div>

                    <div class="clearfix"></div>
                    <button id="btnLogin" type="button" class="btn btn-md margin-top-10" style="background-color: #2664B7; width:184px; color:#ffffff;">Đăng nhập</button>
                </form>
            </div>
            <div class="forminput hidden" style="width:200px; display: inline-table; text-align:left; overflow:hidden;">
                <form id="frmLoginPIN">
                    <label id="lblPin" style="color: #404040; font-weight:bold; font-size:11pt;">Nhập mã PIN</label>
                    <div class="clearfix"></div>
                    <input id="Pin" name="Pin" maxlength="4" class="form-control input-md" style="display:inline; width:150px; border-radius: 7px !important; margin-right:3px;" />
                    <div class="clearfix"></div>
                    <button id="btnLoginPIN" type="button" class="btn btn-md margin-top-10" style="background-color: #2664B7; width:150px; color:#ffffff;">Xác thực</button>
                </form>
            </div>
            <div class="clearfix"></div>
            <div class="formfooter" id="msg" style="margin-top: 5px; color:red; margin-bottom: 0px; max-width: 500px; margin-right: 107px; ">

            </div>

            <div class="clearfix"></div>
            <div class="formfooter" style="margin-top: 50px; display: inline-table; margin-bottom: 0px; max-width: 500px; margin-right: 107px;">
                <div style="display: inline-table;">Chào mừng các bạn đến với Tổng điều tra dân số trực tuyến. Bạn cần nhận được thư bảo đảm của chúng tôi để đăng nhập vào hệ thống.</div>
                <div style="margin-top: 6px; display: inline-table;">Tất cả các thông tin các bạn cung cấp sẽ được đảm bảo an toàn tuyệt đối.</div>
            </div>
        </div>
    </div>
</div>

<script src="@Url.Content("~/Scripts/OnlineLogin.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        var initData = {
            LoginPostUrl: "@Url.Action("LoginPost", "Online")",
            VerificationToken: "@GetAntiForgeryToken()",
            GetCountLoginUrl: "@Url.Action("GetLoginCountSessionCount", "Online")",
            LoginPinUrl: "@Url.Action("PinPost", "Online")",
            DirectURL: "@Url.Action("Home", "Online")"
        };
        OnlineLogin.init(initData);

    });
</script>